<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="contextPath" value="<%=request.getContextPath()%>"></c:set>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>宁夏大学中卫校区招聘系统</title>
	    <link rel="stylesheet" href="${contextPath}/static/css/www/position.css" />
	    <link rel="stylesheet" href="${contextPath}/static/css/www/footer.css" />
		<link rel="stylesheet" href="${contextPath}/static/css/bootstrap.css">
		<link rel="stylesheet" href="${contextPath}/static/css/search.css">
		<link rel="stylesheet" href="${contextPath}/static/css/jquery.tagsinput.min.css"/>
		<script type="text/javascript" src="${contextPath}/static/js/jquery-1.11.3.js" ></script>
		<script type="text/javascript" src="${contextPath}/static/js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="${contextPath}/static/js/jquery.tagsinput.min.js"></script>
		<script type="text/javascript" src="${contextPath}/static/js/sweerAlert2.79.js"></script>
		<script type="text/javascript" src="${contextPath}/static/js/jquery.twbsPagination.min.js"></script>
	</head>
	<body>
		<!--头部导航条-->
		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<img src="${contextPath}/static/img/B.png" width="280" height="70"/>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="active"><a href="/index1">首页<span class="sr-only">(current)</span></a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">职位选择<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="/school/">教师职位</a></li>
								<li><a href="/position">其他职位</a></li>
							</ul>
						</li>
<%--						<li><a href="/question">问答管理</a></li>--%>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">个人中心<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="/resume">简历管理</a></li>
								<li><a href="/collection">职位收藏</a></li>
								<li><a href="/apply">职位申请进度</a></li></li>
							</ul>
						</li>
					</ul>

					<shiro:notAuthenticated>
						<ul class="nav navbar-nav navbar-right">
							<li><a href="/login1">登录</a></li>
							<li><a href="/register">注册</a></li>
						</ul>
					</shiro:notAuthenticated>

					<shiro:authenticated>
						<ul class="nav navbar-nav navbar-right">
							<shiro:hasRole name="admin">
								<li><a href="/admin/">管理员</a></li>
							</shiro:hasRole>
							<li><a href="javascript:void(0);">${username}</a></li>
							<li><a href="/logout">退出</a></li>
						</ul>
					</shiro:authenticated>
				</div>
			</div>
		</nav>
        
       
        
        <!--招聘条件筛选-->
        <div id="pageContext">
        	<div class = "title">
        		<span>教师招聘</span>
        	</div>
<%--           .--%>
<%--           <!--工作地点-->--%>
<%--            <div class="shaixuan">--%>
<%--            	<span class="a">工作地点：</span>--%>
<%--				<ul class="work">--%>
<%--					<li class="B"><a href="javascript:void(0)">太原</a></li>--%>
<%--					<li class="B"><a href="javascript:void(0)">上海</a></li>--%>
<%--					<li class="B"><a href="javascript:void(0)">杭州</a></li>--%>
<%--				</ul>--%>
<%--            </div>--%>
<%--            --%>
<%--            <!--职位类别-->--%>
<%--            		<div class="shaixuan">--%>
<%--            		<span class="a">职位类别：</span>--%>
<%--						<ul class="work" id="positionType">--%>
<%--&lt;%&ndash;					<li  class="B"><a href="javascript:void(0)">技术.</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;					<li  class="B"><a href="javascript:void(0)">管理.</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;					<li  class="B"><a href="javascript:void(0)">服务.</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;					<li  class="B"><a href="javascript:void(0)">财务.</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;					<li  class="B"><a href="javascript:void(0)">人力资源.</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;					<li  class="B"><a href="javascript:void(0)">销售.</a></li>&ndash;%&gt;--%>
<%--						</ul>--%>
<%--            		</div>--%>
            
            <!--关键字搜索-->
            <div class="search-container d-flex align-items-center">
            	<span>职位关键字搜索：</span>
				<input type="text" id="keyWord" class="form-control" placeholder="输入关键词" style="width: 300px;height: 50px;"/>
				<button class="btn btn-danger glyphicon glyphicon-search" type="button" id="searchBtn" style="width: 50px;height: 50px;">
					<i class="fa fa-search"></i>
				</button>
            </div>
        </div>
        
        <!--内容-->
        
        <div id="table">
<%--			<table>--%>
<%--				<tr>--%>
<%--					<td style="display: none;">id</td>--%>
<%--					<td>职位描述</td>--%>
<%--					<td>工作地点</td>--%>
<%--					<td>类别</td>--%>
<%--					<td>学院名称</td>--%>
<%--				</tr>--%>
<%--				<c:forEach items="${positions.list}" var="p" step="1">--%>
<%--					<tr>--%>
<%--						<td style="display: none;">${p.id}</td>--%>
<%--						<td>${p.pName}</td>--%>
<%--						<td>${p.pName}</td>--%>
<%--						<td>${p.pName}</td>--%>
<%--					</tr>--%>
<%--				</c:forEach>--%>

<%--			</table>--%>
        	<ul>
        		<li style="display: none;">id</li>
        		<li class="pName">职位描述</li>
        		<li>工作地点</li>
        		<li>工作类别</li>
        		<li>学院名称</li>
        	</ul>

			<ul id="ulPosition">
<%--				${positions.list}--%>
				<c:forEach items="${positions.list}" var="p" step="1">
						<li class="positionList">
						<span style="display:none;">${p.id}</span>
						<span style="width: 270px">${p.pName}</span>
						<span>${p.workSite}</span>
						<span>${p.pClassify}</span>
						<span>${p.pDepartment}</span>
						<p style="width: 800px;height:31px;overflow: hidden">${p.pRequest}</p>
					</li>
				</c:forEach>
			</ul>
        </div>
        
        <!--分页-->
        <div id="page" style="float: right;margin-right: 145px;position: relative;top: -15px;">
			<span id="totalPage" style="display: none">${positions.pages}</span>
			<ul class="pagination" id="pagination-demo"></ul>
        </div>
        

        
        <footer>
			<div class="left_1">
				<ul>
					<li><a href="https://www.nxu.edu.cn/">学校公告</a></li>
					<li><a href="https://www.nxu.edu.cn/">学校新闻</a></li>
				</ul>
			</div>


			<div id="desc">
				<p>© 2021 宁夏大学中卫校区. All Rights Reserved. </p>
			</div>
       </footer>
		<script src="${contextPath}/static/js/www/school.js"></script>
		<script src="${contextPath}/static/js/www/schoolPage.js"></script>
	</body>
</html>
